@charset "utf-8";
/* 用户样式表 */
#main .bgA_01{ width:980px; margin:0 auto;}
#main .bgA_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main #leftArea{ width:700px; float:left;}
#main #rightArea{ width:263px; float:left; padding:0 0 0 17px;}

/* 功能模块样式 */

.userNavPanel_01{ width:100%; background:#fff; margin:0 0 20px; height:100px;}
.userNavPanel_01 .menuField{ float:right; padding:40px 0 0;}
.userNavPanel_01 .menuField ul{}
.userNavPanel_01 .menuField ul li{ display:inline-block; vertical-align:middle; padding:0 15px;}
.userNavPanel_01 .menuField ul li a{ display:block;}
.userNavPanel_01 .menuField ul li a:hover{ text-decoration:none; color:#f60;}
.userNavPanel_01 .menuField ul li a.on{ font-weight:bold; text-decoration:underline; color:#f60;}
.userNavPanel_01 .menuField ul li.link5 a{ padding:0 14px 0 0; background:url(../images/icon_arrow_04.gif) 100% 50% no-repeat;}

.userNavPanel_01 .imgField{ float:left; padding:20px 0 0 20px; width:60px; height:60px;}
.userNavPanel_01 .imgField span{ display:block; width:100%; height:100%; overflow:hidden;}
.userNavPanel_01 .imgField img{ display:block;}

.userNavPanel_01 .infoField{ margin:0 0 0 100px; padding:12px 0 0;}
.userNavPanel_01 .infoField h1{ font-size:14px; font-weight:bold; color:#333; line-height:30px;}


.invitationPanel_02{ width:100%; background:#fff; margin:0 0 20px;}
.invitationPanel_02 .titleField{}
.invitationPanel_02 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -550px no-repeat;}
.invitationPanel_02 .listField{ padding:0 20px;}
.invitationPanel_02 .listField dl{ padding:0 0 8px;}
.invitationPanel_02 .listField dl dt{ height:30px; padding:7px 0 6px; font-weight:bold; color:#333;}
.invitationPanel_02 .listField dl dd{ margin:0 0 10px; background:#eee; height:30px; color:#999; overflow:hidden;}
.invitationPanel_02 .listField dl dd a{ color:#333; display:block;}
.invitationPanel_02 .listField dl .info1, .invitationPanel_02 .listField dl .info2, .invitationPanel_02 .listField dl .info3, .invitationPanel_02 .listField dl .info4, .invitationPanel_02 .listField dl .info5{ float:left; height:30px; line-height:30px; overflow:hidden;}
.invitationPanel_02 .listField dl .info1{ padding:0 0 0 10px; width:290px;}
.invitationPanel_02 .listField dl .info2{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl .info3{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl dd .info3{ text-align:center; width:90px; line-height:15px;}
.invitationPanel_02 .listField dl .info4{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl .info5{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl dd .info5{ line-height:15px;}


.activityPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.activityPanel_01 .titleField{}
.activityPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -600px no-repeat;}
.activityPanel_01 .listField{ padding:0 13px 10px; overflow:hidden;}
.activityPanel_01 .listField ul{ margin:-11px 0 0;}
.activityPanel_01 .listField ul li{ border-top:1px dashed #ccc; padding:20px 0; height:97px;}
.activityPanel_01 .listField ul li .btns{ float:right; width:95px; height:45px; padding:20px 0 0;}
.activityPanel_01 .listField ul li .btns .btn{ display:block; width:100%; height:36px; padding:5px 0 4px; background:url(../images/btn_bg_03.gif) 0 0 no-repeat; color:#fff; font-weight:bold; text-align:center; line-height:18px;}
.activityPanel_01 .listField ul li .btns .btn:hover{ text-decoration:none;}
.activityPanel_01 .listField ul li .img{ width:131px; height:87px; padding:4px; border:1px solid #d5d5d5; float:left;}
.activityPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.activityPanel_01 .listField ul li .img img{ display:block;}
.activityPanel_01 .listField ul li .info{ margin:0 110px 0 156px;}
.activityPanel_01 .listField ul li .info h2{ font-weight:bold; height:40px; width:100%; overflow:hidden;}
.activityPanel_01 .listField ul li .info .name{ color:#f08200; font-size:14px;}


.recommendPanel_02{ width:100%; background:#fff; margin:0 0 20px;}
.recommendPanel_02 .titleField{}
.recommendPanel_02 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -650px no-repeat;}
.recommendPanel_02 .listField{ height:144px; overflow:hidden;}
.recommendPanel_02 .listField ul{}
.recommendPanel_02 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.recommendPanel_02 .listField li{ padding:0 10px; width:80px; height:124px; float:left;}
.recommendPanel_02 .listField li .img{ width:100%; height:80px;}
.recommendPanel_02 .listField li .img a{ width:100%; height:80px; display:block; overflow:hidden;}
.recommendPanel_02 .listField li .img img{ display:block;}
.recommendPanel_02 .listField li .text{ padding:4px 0 0; overflow:hidden; color:#f08200; text-align:center;}
.recommendPanel_02 .listField li .text a{ color:#f08200;}
.recommendPanel_02 .listField li .count{ text-align:center; padding:4px 0 0;}


.userPanel_02{ width:100%; background:#fff; margin:0 0 20px; overflow:hidden;}
.userPanel_02 .imgField{ width:85px; height:85px; padding:10px 0 10px 10px; float:left;}
.userPanel_02 .imgField a{ display:block; width:100%; height:100%; overflow:hidden;}
.userPanel_02 .imgField img{ display:block;}
.userPanel_02 .infoField{ margin-left:98px;}
.userPanel_02 .infoField .title{ position:relative; padding:0 0 0 9px;}
.userPanel_02 .infoField .title .more{ float:right;}
.userPanel_02 .infoField .title .more .btn{ display:block; width:25px; height:25px; background:url(../images/btn_fans_01.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.userPanel_02 .infoField .title h1{ padding:5px 0 0; line-height:24px; font-size:14px; font-weight:bold;}
.userPanel_02 .infoField .title h2{ color:#999;}
.userPanel_02 .infoField .info{ padding:8px 0 0; height:36px; overflow:hidden;}
.userPanel_02 .infoField .info ul{}
.userPanel_02 .infoField .info ul li{ width:43px; float:left; padding:0 1px 0 9px; background:url(../images/line_01.gif) 100% 50% no-repeat; color:#f08200; line-height:18px;}
.userPanel_02 .infoField .info ul li p{ height:18px; overflow:hidden;}
.userPanel_02 .infoField .info ul li .num{ font-size:11px;}
.userPanel_02 .btnField{ padding:5px 0 0 10px; width:276px; font-size:0; height:20px; overflow:hidden; clear:both;}
.userPanel_02 .btnField .btn{ display:inline-block; vertical-align:middle; width:60px; height:20px; line-height:20px; margin:0 32px 0 0; text-align:center; background:#e6e6e6; font-size:12px;}
.userPanel_02 .btnField .btn:hover{ text-decoration:none; background:#f0f0f0;}
.userPanel_02 .btnField .btn1{ background:#ffe9c9; color:#f50;}
.userPanel_02 .btnField .btn1:hover{ background:#fff0e0; color:#f50;}
.userPanel_02 .textField{ margin:18px 10px 0; padding:12px 0 20px; border-top:1px solid #ccc;}


.sharePanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.sharePanel_01 .titleField{}
.sharePanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -700px no-repeat;}
.sharePanel_01 .listField{ padding:0 10px 22px;}
.sharePanel_01 .listField ul{}
.sharePanel_01 .listField ul li{ height:24px; overflow:hidden; line-height:24px; margin:0 0 10px; padding:0 0 0 18px; background:url(../images/icon_p_01.gif) 8px 50% no-repeat #eee;}


.attentionPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.attentionPanel_01 .titleField{}
.attentionPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -750px no-repeat;}
.attentionPanel_01 .listField{ padding:0 0 5px 11px;}
.attentionPanel_01 .listField ul{}
.attentionPanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.attentionPanel_01 .listField ul li{ width:80px; height:100px; float:left;}
.attentionPanel_01 .listField ul li .img{ width:60px; height:60px; margin:0 auto;}
.attentionPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.attentionPanel_01 .listField ul li .img img{ display:block;}
.attentionPanel_01 .listField ul li .text{ text-align:center; padding:5px 0 0; height:20px; overflow:hidden;}
.attentionPanel_01 .listField ul li .text a{ color:#f08200;}



.linkPanel_02{ width:100%; clear:both; background:#fff; margin:0 0 20px;}
.linkPanel_02 .infoField{ padding:8px 20px 0; color:#999;}
.linkPanel_02 .infoField em{ color:#333;}
.linkPanel_02 .linkField{ padding:17px 0 0 20px; height:90px; font-size:0;}
.linkPanel_02 .linkField a,.linkPanel_02 .linkField span{ display:inline-block; vertical-align:middle; padding:0 20px 0 0;}
.linkPanel_02 .linkField img{ display:block;}